<template>
  <scroll class="content">
		<ul>
			<li>测试1</li>
			<li>测试2</li>
			<li>测试3</li>
			<li>测试4</li>
			<li>测试5</li>
			<li>测试6</li>
			<li>测试7</li>
			<li>测试8</li>
			<li>测试9</li>
			<li>测试10</li>
			<li>测试11</li>
			<li>测试12</li>
			<li>测试13</li>
			<li>测试14</li>
			<li>测试15</li>
			<li>测试16</li>
			<li>测试17</li>
			<li>测试18</li>
			<li>测试19</li>
			<li>测试20</li>
			<li>测试21</li>
			<li>测试22</li>
			<li>测试23</li>
			<li>测试24</li>
			<li>测试25</li>
			<li>测试26</li>
			<li>测试27</li>
			<li>测试28</li>
			<li>测试29</li>
			<li>测试30</li>
		</ul>
	</scroll>
</template>

<script>
	import Scroll from 'components/common/scroll/Scroll'
	
export default {
	name:'Profile',
	components:{
		Scroll
	}
};
</script>

<style scoped>
	.content {
		height: 300px;
		background-color: red;
		overflow: hidden;
	}
</style>